import React from 'react'
import Header from '../components/Header';
import content from '../images/二维码.jpg'
import './Showcontent.css'

const Showcontent = (props) => {
    console.log(props)
    console.log(props.location.state.content)
    const content = props.location.state.content;
    return (
        <div>
            <Header />
            <div className='show_content'>
                <div className='content-left'>
                    <h2>{content.create_name}</h2>
                    <div className='showcontent'>
                        {content.create_detail}
                    </div>
                    <div className='content-tag'>
                        <span>遗产级别：</span><span>{content.create_heritage_level}</span>
                        <span>申报地区：</span><span>{content.create_declaration_area}</span>
                    </div>

                </div>
                <div className='content-right'>
                    <img src={content.create_image} />
                </div>
            </div>
        </div>
    )
}

export default Showcontent;
